<!--门诊医生工作站-->
<script setup lang="ts">
import PatientTabs from "@/views/doctorStation/component/patient/patientTabs.vue";
import PatientInfo from "@/views/doctorStation/component/patient/patientInfo.vue";
import CpoeIndex from "@/views/doctorStation/component/cpoeTabs/index.vue";
import inspect from "./component/dialogApplication/inspect.vue";
import examine from "./component/dialogApplication/examine.vue";
defineOptions({
  name: "DoctorStation",
});
const visible = ref(false);
const visible1 = ref(false);
</script>

<template>
  <div class="doctorStation w-bgc">
    <el-button type="primary" @click="visible = true">检查申请单</el-button>
    <el-button type="primary" @click="visible1 = true">检验申请单</el-button>
    <s-supen />
    <el-container class="height-100">
      <el-aside class="height-100" width="450px" v-resizable="'right'">
        <patient-tabs></patient-tabs>
      </el-aside>

      <el-main class="main height-100">
        <patient-info v-resizable="'bottom'"></patient-info>
        <cpoe-index></cpoe-index>
      </el-main>
    </el-container>
    <inspect v-model="visible" />
    <examine v-model="visible1" />
  </div>
</template>

<style scoped lang="scss">
.doctorStation {
  height: calc(100% - 32px);
  min-height: 1000px;
  .main {
    padding-top: 0;
    padding-bottom: 0;
    :deep(.patientInfo) {
      height: 350px;
      overflow-y: auto;
    }
    :deep(.cpoeIndex) {
      height: calc(100% - 352px);
    }
  }
}
</style>
